<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %> 
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="惠信钱包，金融">
<meta name="description" content="描述描述描述" />
<%@include file="/WEB-INF/base/commRoot.jsp"%>
<script type="text/javascript" src="/js/jquery.js"></script> 
<script type="text/javascript" src="/js/view/static/static.js"></script>
<script type="text/javascript" src="/js/view/user/login.js"></script>
<script type="text/javascript" src="/js/placeholder.js"></script>
<script type="text/javascript" src="/js/jquery.validate.js"></script>
<script type="text/javascript" src="/js/win_layer/win_layer.js"></script>
<title>新用户验证登录</title>
</head>
<body>

<!--header-->
<%@include file="/head.jsp"%>
<!--/header-->
<!--main-->
<div class="main_bg">       
 	
	<div class="regist">
    	<h3 class="login_first_tit">首次登录惠信钱包</h3>
    	<form id="toFirstLoginForm" name="toFirstLoginForm" action="${root}/userAction_toFirstLoginNext.action" method="post">
        <ul style="padding-top:0;">
            <li class="clearfix">
            	<label>手机号：</label>
                <div class="position"><input type="text" id="mobile" name="userRegister.mobile" autocomplete="off" maxlength="11" value="<s:property value="userRegister.mobile"/>" onblur="testFirstLoginMobile();" placeholder="请输入您的手机号码" class="input" /></div>
                
                <p class="suc_tips" id="mobileRight" style="display:none;"></p>
                <p class="err_tips" id="mobileMsg" style="display:none;"></p>
                
            </li>
            <li class="clearfix">
            	<label>验证码：</label>
                <div class="position"><input type="text" id="checkCode" name="checkCode" autocomplete="off" readonly="readonly" maxlength="6" class="input" onblur="testFirstLoginMobileCode()" style="width:154px;" placeholder="手机验证码" /></div>
                <a href="javascript:firstLoginSendCode();" id="hqver" name="hqver" class="l send_grey">获取验证码</a>
            	<p class="suc_tips" id="checkCodeMsgRight" style="display:none;"></p>
                <p class="err_tips" id="checkCodeMsg" style="display:none;"></p>
            	
            </li>
            
            <li class="clearfix agree">
            
             <div class="position"><input name="i_agreeb" type="checkbox" value="" class="l mar_li" checked="true" id="i_agreeb" /></div>
                <label for="agree">我已阅读并同意<a href="${root}/staticAction_serviceAgreement.action" target="_blank" class="blue">《惠信号服务协议》</a></label>
            	<span id="i_agreeb_msg" style="color: red; margin-left: 10px; display:none">请同意我们的惠信号服务协议</span>
            
            </li>
            
            <li class="clearfix"><a href="javascript:void(0);" class="mar_li btn2 l submitToFirstLoginForm">登录</a></li>
        </ul>
        </form>
    </div>

</div>
<!--/main-->
<!--footer-->
 <%@include file="/footer.jsp"%>

<script type="text/javascript">
$(".submitToFirstLoginForm").bind("click", function(){
	if (!testFirstLoginMobile() || !testFirstLoginMobileCode() || !getCheckBoxValue()) {
		return;
	}
	$("#toFirstLoginForm").submit();
})

<s:if test="dataMap.mobileErrorMsg != null && dataMap.mobileErrorMsg !='' ">
	$("#mobileMsg").show();
	$("#mobileMsg").text("<s:property value="dataMap.mobileErrorMsg"/>");
</s:if>

<s:if test="dataMap.checkCodeErrorMsg != null && dataMap.checkCodeErrorMsg !='' ">
	$("#checkCode").removeAttr("readonly");	//移除不可输入属性
	$("#checkCodeMsg").show();
	$("#checkCodeMsg").text("<s:property value="dataMap.checkCodeErrorMsg"/>");
</s:if>

</script>

</body>
</html>